<!DOCTYPE html>
<html>
<head>
	<!-- 设置浏览器不缓存 -->
    <META HTTP-EQUIV="pragma" CONTENT="no-cache">
    <META HTTP-EQUIV="Cache-Control" CONTENT="no-cache, must-revalidate">
    <META HTTP-EQUIV="expires" CONTENT="0">
	<!-- Content-Type -->
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
	<meta name="apple-mobile-web-app-capable" content="yes">
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
	<!-- Favicon -->
	<link rel="shortcut icon" href="./images/logo.png">
	<title>企业服务共享中心</title>
	<!--stylesheets-->
	<link rel="stylesheet" href="./plugins/element/index.css">
	<script src="./plugins/vue/vue.js"></script>
	<script src="./plugins/element/index.js"></script>
	<script src="./plugins/axios/axios.min.js"></script>
	<script src="./js/common/public.js?v=0.8.0.3"></script>
	
	<!-- 自定义样式表 -->
	<link rel="stylesheet" href="./css/base.css?v=0.8.0.3">
</head>
<body>
<div id="app">
<template>
<el-container class="maincontainer">
	<el-container class="submaincontainer">
		<el-card class="box-card" style="position:relative;width:330px" shadow="never" v-show="leftbar_show">
		  <div style="position:absolute;left:0;top:0;right:0;bottom:0;overflow-y:auto;overflow-x:hidden;padding-left: 20px;padding-top: 20px;padding-right: 20px;">
			<el-form :model="queryForm" ref="queryForm" >
				<el-row :gutter="20">
					<el-col :span="24">
						<el-form-item label="公司名称" prop="companyname">
							<el-input v-model="queryForm.companyname"  maxlength="50" autocomplete="off"></el-input>
						</el-form-item>
						<el-form-item label="联系人" prop="liaisons"  maxlength="20" autocomplete="off">
						  <el-input v-model="queryForm.liaisons"></el-input>
						</el-form-item>
					<!-- #状态(客户填写中，客户填写完成，内部审核中，内部审核完成，工商审核中，注册完成) -->
					<el-form-item label="状态" prop="status">
					  <el-checkbox-group v-model="queryForm.status">
						<el-checkbox label="客户填写中" >客户填写中</el-checkbox>
						<el-checkbox label="客户填写完成" >客户填写完成</el-checkbox>
						<el-checkbox label="内部审核中" >内部审核中</el-checkbox>
						<el-checkbox label="内部审核完成" >内部审核完成</el-checkbox>
					  </el-checkbox-group>
					</el-form-item>
					<el-col>
				</el-row>
				<el-row :gutter="20">
					<el-col :span="24">
						<el-form-item label="创建日期" prop="createtime" >
							<el-date-picker style="width:235px"
								 value-format="yyyy-MM-dd"
								  v-model="queryForm.createtime"
								  type="daterange"
								  width="100"
								  align="right"
								  unlink-panels
								  range-separator="至"
								  start-placeholder="开始日期"
								  end-placeholder="结束日期"
								  :picker-options="pickerOptions">
							</el-date-picker>
						</el-form-item>
					<el-col>
				</el-row>
				<el-row :gutter="20">
					<el-col :span="12">
					  <el-form-item>
						<el-button size="small" type="primary" @click.native.prevent="query" style="position:fixed;left:20px;bottom:5px;">查询</el-button>
					  </el-form-item>
					<el-col>
				</el-row>
			</el-form>
		  </div>
		</el-card>
		<el-card class="box-card" style="width:100%" shadow="never">
		  <div slot="header" class="clearfix">
		  <i v-on:click="showLeftBar()" v-bind:class="[leftbar_show ? 'el-icon-s-fold' : 'el-icon-s-unfold']" style="color:#409EFF;cursor:pointer;"></i>
			<span>工商注册列表</span>
			<el-button-group style="float: right;margin-top:0px;">
					<el-tooltip v-for="item in toolbar" class="item" effect="dark" v-bind:content="item.content" placement="top-start">
						  <el-button size="small" v-bind:icon="item.icon" v-bind:type="item.type" @click="toolAction(item.content)">{{item.content}}</el-button>
					</el-tooltip>
			</el-button-group>
		  </div>
		  <div>
			  <el-table
			row-key="id"
			  border
				ref="multipleTable"
				@select='selectionChange'
				:data="pagedata"
				tooltip-effect="dark"
				:height="tableHeight"
				style="width: 100%;"
				@selection-change="handleSelectionChange">
				<el-table-column
				  type="selection"
				  min-width="55">
				</el-table-column>
				<el-table-column type="expand">
				  <template slot-scope="props">
					<el-form label-position="left" inline class="demo-table-expand">
					  <el-form-item label="经营范围" style="width: 80%">
						<span>{{ props.row.businessscope }}</span>
					  </el-form-item>
					  <el-form-item label="缴纳类型">
						<span>{{ props.row.paytype}}</span>
					  </el-form-item>
					  <el-form-item label="纳税类型">
						<span>{{ props.row.taxtype}}</span>
					  </el-form-item>
					  <el-form-item label="公司类型">
						<span>{{ props.row.comtype}}</span>
					  </el-form-item>
					  <el-form-item label="注册地址">
						<span>{{ props.row.registeredaddress }}</span>
					  </el-form-item>
					  <el-form-item label="房屋发票">
						<span>{{ props.row.ishouseinvoice }}</span>
					  </el-form-item>
					  <el-form-item label="刻章">
						<span>{{ props.row.chaptermoment }}</span>
					  </el-form-item>
					  <el-form-item label="联系人">
						<span>{{ props.row.liaisons }}</span>
					  </el-form-item>
					  <el-form-item label="联系电话">
						<span>{{ props.row.phonenumber }}</span>
					  </el-form-item>
					  <div v-for="item in props.row.detail">
					  <el-form-item :label="item.title + '姓名'">
						<span>{{ item.name }}</span>
					  </el-form-item>
					  <el-form-item :label="'身份证号码'">
						<span>{{ item.idnumber }}</span>
					  </el-form-item>
					  <el-form-item :label="'手机号'">
						<span>{{ item.phonenumber }}</span>
					  </el-form-item>
					  <el-form-item :label="'出资比例'">
						<span>{{ item.capitalratio }}%</span>
					  </el-form-item>
					  </div>
					</el-form>
				  </template>
				</el-table-column>
				<el-table-column
				  prop="companyname"
				  label="公司名称"
				  min-width="200"
				  show-overflow-tooltip>
				  <template slot-scope="scope">
					  <el-tag v-for="item in scope.row.companyname">
					  {{item}}
					  </el-tag>
				  </template>
				</el-table-column>
				<el-table-column
				  prop="registeredcapital"
				  label="注册资金"
				  min-width="100"
				  show-overflow-tooltip>
				<template slot-scope="scope" >
					  {{scope.row.registeredcapital}}万
				</template>
				</el-table-column>
				<el-table-column
				  prop="urgent"
				  label="加急"
				  min-width="50"
				  show-overflow-tooltip>
				</el-table-column>
				<el-table-column
				  prop="status"
				  label="状态"
				  min-width="100"
				  show-overflow-tooltip>
				</el-table-column>
				<el-table-column
				  prop="handername"
				  label="负责人"
				  min-width="80"
				  show-overflow-tooltip>
				</el-table-column>
				<el-table-column
				  prop="createtime"
				  label="创建日期"
				  min-width="100"
				  show-overflow-tooltip>
				</el-table-column>
				<el-table-column label="操作">
				  <template slot-scope="scope">
					  <el-link type="primary" @click="edit(scope.$index, scope.row)">编辑</el-link>
				  </template>
				</el-table-column>
			  </el-table>
			  <div style="margin-top: 20px">
				<el-pagination
				@current-change="handleCurrentPageChange"
				:current-page="pageNo"
				  :page-size=pagesize
				  background
				  layout="total, prev, pager, next"
				  :total="tableData.length">
				</el-pagination>
			  </div>			  
		  </div>
		</el-card>
	</el-container>
</el-container>
<el-dialog :close-on-click-modal="false"  title="工商注册信息" :visible.sync="dialogFormVisible" width="1000px">
    <el-form :model="form" :rules="rules" ref="form" label-width="80px">
		  <el-tabs value="base">
		    <el-tab-pane label="基础信息" name="base">
				<el-row :gutter="20">
					  <el-form-item label="公司名称" prop="companyname">
						<el-col :span="8" v-for="(item,index) in form.companyname">
						  <el-input v-model="form.companyname[index]" maxlength="50" @focus="addCompanyname(index)"></el-input>
						</el-col>
					  </el-form-item>
				</el-row>
				<el-row :gutter="20">
					<el-col :span="24">
						<el-form-item label="经营范围" prop="businessscope">
						  <a href="https://jyfwyun.com/" target="_blank">请参照工商网址填写</a>
						  <el-input v-model="form.businessscope" type="textarea"></el-input>
						</el-form-item>
					</el-col>
				</el-row>
				<el-row :gutter="20">
					<el-col :span="6">
						<el-form-item label="注册资金" prop="registeredcapital">
						  <el-input v-model="form.registeredcapital" maxlength="10">
							  <template slot="append">万元</template>
						  </el-input>
						</el-form-item>
				  </el-col>
				  <el-col :span="9">
					<el-radio-group v-model="form.registeredaddress">
						<el-form-item label="注册地址" prop="registeredaddress">
						  <el-radio label="客户提供">客户提供</el-radio>
						  <el-radio label="公司提供">公司提供</el-radio>
						</el-form-item>
					</el-radio-group>
				  </el-col>
				  <el-col :span="9">
					<el-radio-group v-model="form.ishouseinvoice">
						<el-form-item label="房屋发票" prop="ishouseinvoice">
						  <el-radio label="有">有</el-radio>
						  <el-radio label="无">无</el-radio>
						</el-form-item>
					</el-radio-group>
				  </el-col>
				</el-row>
				<el-row :gutter="20">
				<el-col :span="6">
					<el-radio-group v-model="form.paytype">
						<el-form-item label="注资类型" prop="paytype">
						  <el-radio label="认缴">认缴</el-radio>
						  <el-radio label="实缴">实缴</el-radio>
						</el-form-item>
					</el-radio-group>
				  </el-col>
				  <el-col :span="9">
					<el-radio-group v-model="form.taxtype">
						<el-form-item label="纳税类型" prop="taxtype">
						  <el-radio label="一般纳税人">一般纳税人</el-radio>
						  <el-radio label="小规模">小规模</el-radio>
						</el-form-item>
					</el-radio-group>
				  </el-col>
				  <el-col :span="9">
					<el-radio-group v-model="form.comtype">
						<el-form-item label="企业类型" prop="comtype">
						  <el-radio label="有限公司">有限公司</el-radio>
						  <el-radio label="无限公司">无限公司</el-radio>
						</el-form-item>
					</el-radio-group>
				  </el-col>
				</el-row>
				<el-row :gutter="20">
				  <el-col :span="12">
					<el-checkbox-group v-model="form.chaptermoment">
						<el-form-item label="刻章说明" prop="chaptermoment">
						  <el-checkbox label="公章">公章</el-checkbox>
						  <el-checkbox label="发票章">发票章</el-checkbox>
						  <el-checkbox label="法人章">法人章</el-checkbox>
						  <el-checkbox label="财务章">财务章</el-checkbox>
						</el-form-item>
					</el-checkbox-group>
				  </el-col>
				  <el-col :span="12">
					<el-radio-group v-model="form.urgent">
						<el-form-item label="加急" prop="urgent">
						  <el-radio label="是">是</el-radio>
						  <el-radio label="否">否</el-radio>
						</el-form-item>
					</el-radio-group>
				  </el-col>
				</el-row>
				<el-row :gutter="20">
				  <el-col :span="8">
					<el-form-item label="状态" prop="status">
					<el-select v-model="form.status">
					  <el-option
						v-for="item in ['客户填写中','客户填写完成','内部审核中','内部审核完成']"
						:key="item"
						:label="item"
						:value="item">
					  </el-option>
					</el-select>
					</el-form-item>
				  </el-col>
				  <el-col :span="8">
					<el-form-item label="联系人" prop="liaisons">
					  <el-input v-model="form.liaisons" maxlength="20"></el-input>
					</el-form-item>
				  </el-col>
				  <el-col :span="8">
					<el-form-item label="联系电话" prop="phonenumber">
					  <el-input v-model="form.phonenumber" form maxlength="20"></el-input>
					</el-form-item>
				  </el-col>
				</el-row>
				<el-row :gutter="20">
				  <el-col :span="8">
					<el-form-item label="负责人" prop="hander">
					<el-select v-model="form.hander">
					  <el-option
						v-for="item in users"
						:key="item.id"
						:label="item.name"
						:value="item.id">
					  </el-option>
					</el-select>
					</el-form-item>
				  </el-col>
			    </el-row>
			</el-tab-pane>
			<el-tab-pane label="房屋产权证明及租赁协议" name="agreement">
				<el-row :gutter="20">
				  <el-col :span="12" >
					<el-form-item label="产权证明" prop="securities">
						<el-upload
						  class="avatar-uploader"
						  ref="uploadsecurities"
						  multiple
						  :limit="20"
						  :file-list="form.securities"
						  :action="uploadurl + form.id + 'securities'"
						  :headers="headers"
						  list-type="picture"
						  :on-preview="handlePictureCardPreview"
						  :on-remove="handleRemoveSecurities"
						  :on-success="handleAvatarSuccessSecurities"
						  :before-upload="beforeAvatarUpload">
						  <i class="el-icon-plus">点击上传房屋产权证明不超过20张图片</i>
						</el-upload>
					</el-form-item>
				  </el-col>
				  <el-col :span="12" >
				  <el-form-item label="租赁协议" prop="leasingagreements">
					<el-upload
					  class="avatar-uploader"
					  ref="uploadleasingagreement"
					  multiple
					  :limit="20"
					  :file-list="form.leasingagreements"
					  :action="uploadurl + form.id + 'leasingagreements'"
					  :headers="headers"
					  list-type="picture"
					  :on-preview="handlePictureCardPreview"
					  :on-remove="handleRemoveLeasingagreements"
					  :on-success="handleAvatarSuccessLeasingagreements"
					  :before-upload="beforeAvatarUpload">
					  <i class="el-icon-plus">点击上传租赁协议不超过20张图片</i>
					</el-upload>
					</el-form-item>
				  </el-col>			
				</el-row>
			</el-tab-pane>
			<el-tab-pane label="组织结构" name="group">
				<div v-for="(item,index) in form.detail">
					<el-row>
					<el-divider content-position="left">{{item.title}}</el-divider>
					</el-row>
					<el-row :gutter="10" >
					  <el-col :span="12">
						<el-form-item label="姓名" prop="name">
						  <el-input v-model="item.name" maxlength="20"></el-input>
						</el-form-item>
						<el-form-item label="身份证号" prop="idnumber">
						  <el-input v-model="item.idnumber" form maxlength="20"></el-input>
						</el-form-item>
						<el-form-item label="手机号" prop="mphonenumber">
						  <el-input v-model="item.phonenumber" form maxlength="20"></el-input>
						</el-form-item>
						<el-form-item label="出资比例" prop="capitalratio">
						  <el-input v-model="item.capitalratio" form maxlength="2">
							  <template slot="append">%</template>
						  </el-input>
						</el-form-item>
						<el-button @click="delmenber(index)" type="danger" plain>删除</el-button>
					  </el-col>
					  <el-col :span="12">
							<el-form-item label="身份证" prop="securities">
								<el-upload
								  class="avatar-uploader"
								  ref="uploadidcards"
								  multiple
								  :limit="2"
								  :file-list="item.idcards"
								  :action="uploadurl + item.title + item.id"
								  :headers="headers"
								  list-type="picture"
								  :on-preview="handlePictureCardPreview"
								  :on-remove="(file, fileList)=>handleRemoveidcards(file, fileList,item.title)"
								  :on-success="(response, file, fileList)=>handleAvatarSuccessidcards(response, file, fileList,item.title)"
								  :before-upload="beforeAvatarUpload">
								  <i class="el-icon-plus">点击上传正反面</i>
								</el-upload>
							</el-form-item>
					  </el-col>
					</el-row>
				</div>
				<el-row>
				<el-divider content-position="left"></el-divider>
				 <el-button @click="addmember" type="primary" plain class="el-icon-plus">添加成员</el-button>
				</el-row>
			</el-tab-pane>
		  </el-tabs>
    </el-form>
  <div slot="footer" class="dialog-footer">
    <el-button @click="dialogFormVisible = false">取 消</el-button>
    <el-button type="primary" @click="cofirm">确 定</el-button>
  </div>
</el-dialog>
<el-dialog :visible.sync="imgdialogVisible">
<img width="100%" :src="imgdialogImageUrl" alt="">
</el-dialog>
</template>
</div>
</body>

<script src="./js/gongshangzhuce.js?v=0.8.0.3"></script>

</script>	
</html>
